// pages/addZJJL/index.js
import {colors} from '../../utils/constData'
Page({
  /**
   * 页面的初始数据
   */
  data: {
    // 主题颜色
    color: colors[3],
    // 备注输入框大小
    autosize: {
      maxHeight: 100,
      minHeight: 50
    },

    // 第一选择框数据配置---------------
    // 类别数据源
    typeList: [{
        title: '一级类别',
        select: '',
        list: [{
            name: '餐饮',
            code: 'canyin'
          },
          {
            name: '娱乐',
            code: 'yule'
          },
          {
            name: '交通',
            code: 'jiaotong'
          },
          {
            name: '请客',
            code: 'qingke'
          },
          {
            name: '房租',
            code: 'fangzu'
          },
          {
            name: '交通1',
            code: 'jiaotong2'
          },
          {
            name: '请客2',
            code: 'qingke2'
          },
          {
            name: '房租3',
            code: 'fangzu3'
          }
        ],
      },
      {
        title: '二级类别',
        select: '',
        list: [{
            name: '餐饮',
            code: 'canyin'
          },
          {
            name: '娱乐',
            code: 'yule'
          },
          {
            name: '交通',
            code: 'jiaotong'
          },
          {
            name: '请客',
            code: 'qingke'
          },
        ],
      }
    ],

    // 第二展示框数据配置-------------------
  
    // 共享选择数据
    gongXList: [
      '不共享', '老婆', '大姨'
    ],
    // 支付方式
    zhiFFSList: [
      '正常支付', '网贷支付'
    ],
    //接口平台
    jieKPTList: [
      '银行-建行', '网贷-花呗', '网贷-备用金'
    ],
    // 需要提交的数据
    form: {
      //onLoad初始化
      typeSelect: [],
      result:[],
      date:'',
      money: '',
      zhiFFSIndex: 0,
      jieKPTIndex: 0,
      message: '',
    },
  },
/**共享选择组件返回值 */
  selectFn(e){
    this.setData({
      ['form.result']:e.detail
    })
  },
/**支出日期组件返回值 */
  confirmDate(e){
    this.setData({
      ['form.date']:e.detail
    })
  },
  /**输入支出金额 */
  bindKeyInput: function (e) {
    this.setData({
      money: e.detail.value
    })
  },
  /**支付方式 */
  bindPickerChange: function (e) {
    const key=e.currentTarget.dataset.key
    const formKey='form.'+key
    this.setData({
      [formKey]: e.detail.value
    })
  },
  /**选择类别
   * 返回pageIndex组件索引和item对象
   * 修改 显示选中typeList  和表单数据form.typeSelect
   */
  sendMsg(e) {
    const {
      data,
      pageIndex
    } = e.detail
    const key = `typeList[${pageIndex}].select`
    const formKey = `form.typeSelect[${pageIndex}]`
    this.setData({
      [key]: data,
      [formKey]: data
    })
  },
  /**提交 */
  save(){
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 初始化选择类型
    this.setData({
      ['form.typeSelect']: new Array(this.data.typeList.length)
    })
  },
})